<template>
  <div>
    <div class="code">
      <img src="../assets/favicon.jpg" style="display: block; width: 250px; margin: 10% auto;">
    </div>
<!--    <div style="text-align:center;margin-top: 15px;font-size:18px;">缴纳100元保证金,转账完成后提交订单号</div>-->
    <p style="text-align:center;font-size:18px;">提交后等待管理员审核,关注公众号会有消息通知！</p>
    <p style="text-align:center;font-size:20px;color:red;font-weight:600;">想升级师傅加以上微信</p>
    <el-form ref="form" size="mini" style="padding-top: 15px;text-align:center;margin-left:20px;" :inline="true">
      <el-form-item label="　　　手机号:" style="display: flex;align-items: center;">
        <el-input placeholder="手机号" style="width: 205px;" v-model="tborder"></el-input>
      </el-form-item>
      <el-form-item label="　　　　密码:" style="display: flex;align-items: center;">
        <el-input placeholder="密码" style="width: 205px;" v-model="tbmoney">
        </el-input>
      </el-form-item>
      <el-form-item label="　　真实姓名:" style="display: flex;align-items: center;">
        <el-input placeholder="充值真实姓名" style="width: 205px;" v-model="tbname">
        </el-input>
      </el-form-item>
      <el-form-item label="">
        <el-button type="primary" @click="pay" :loading="submitloading">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
  import {submerse_money} from "../api/api";
  export default {
    name: "accounts",
    data() {
      return {
        order: "",
        moneys: "",
        tbmoney: "",
        tborder: "",
        tbname: "",
        img: '',
        usertoken: "",
        submitloading: false,
      }
    },
    methods: {
      pay() {
        let paraming = {
          user_name: this.tbname,
          bond_money: Number(this.tbmoney),
          zfb_order: this.tborder,
        }
        submerse_money(paraming).then(res => {
          console.log(res);
          if (res.Status == 200) {
            this.$toast(res.Message)
            setTimeout(() => {
              this.$router.push("/home")
            }, 1000)
          } else {
            this.$toast(res.Message)
          }
        })
      },
    }
  }
</script>

<style scoped>

</style>
